<!--
 * @Descripttion: 
 * @Version: 
 * @Author: gaohj
 * @Date: 2022-10-31 17:01:02
 * @LastEditors: Please set LastEditors
 * @LastEditTime: 2022-11-01 11:47:45
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- <meta http-equiv="refresh" content="1">   -->
    <!-- 每1秒刷新一次网页 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        #kangbazi{
            background-color: black;
            color:white;
            font-size: 20px;
            font-family: '微软雅黑';
            height: 50px;
            width: 300px;
            float: right;
            margin-top: 50px;
        }
    </style>
</head>
<body>
    <div id="kangbazi">
        
    </div>
    <script>

        // 获取的方法  get开头  


        // getFullYear() 年份  2022 
        // getMonth() 月份0 1月 11 表示12月
        // getDate() 天 1 - 31
        // getHours() 小时 24小时值 0 ~23
        // getMinutes() 分钟 0~59
        // getSeconds() 秒数 0~59
        // getDay() 周几 0周天 1周一 
         // getTime() 时间戳 
         // 从1970年1月1日 0时0分0秒到现在时间的秒数 

        // 上面的方法都是日期对象的  
        // 首先你要有个日期对象  

        
        //document.write(`<center>${year}年-${month}月-${date}日 ${hour}:${minutes}:${seconds}周${week}</center>`)
        //document.getElementById('kangbazi').innerHTML  = `<center>${year}年-${month}月-${date}日 ${hour}:${minutes}:${seconds}周${week}</center>`;
        setInterval(function(){
            var time = new Date();

        var year = time.getFullYear();
        var month = time.getMonth()+1; // 0 1月
        var date = time.getDate();
        var hour = time.getHours();  //不足10前面补0 
        var minutes = time.getMinutes(); //分钟不足10 前面补0
        var seconds = time.getSeconds();//秒不足10 前面补0
        var week = time.getDay();
        hour = hour<10?'0'+hour:hour;
        minutes = minutes<10?'0'+minutes:minutes;
        seconds = seconds<10?'0'+seconds:seconds;
        week = week == 0?'日':week;
            document.getElementById('kangbazi').innerHTML  = `<center>${year}年-${month}月-${date}日 ${hour}:${minutes}:${seconds}周${week}</center>`
        },1000)

        // +封装函数获取一个 十六进制 的随机颜色字符串
    </script>
</body>
</html>